<template>
  <view>
    <view class="order-submission">
      <view
        class="allAddress"
        :style="store_self_mention ? '' : 'padding-top:10rpx;'"
      >
        <view
          class="address acea-row row-between-wrapper"
          @tap="onAddress"
          v-if="shippingType == 0"
          :style="
            store_self_mention
              ? ''
              : 'border-top-left-radius: 14rpx;border-top-right-radius: 14rpx;'
          "
        >
          <view class="iconfont">
            <image
              class="iconfont-img"
              src="https://cshy.store/file/sysFile/wechart/address-icon.png"
              mode="aspectFill"
              lazy-load="false"
            >
            </image>
          </view>

          <view class="addressCon" v-if="addressInfo.realName">
            <view class="acea-row mt-10">
              <text class="default font-color" v-if="addressInfo.isDefault"
                >[默认]</text
              >
              <text class="line2"
                >{{ addressInfo.province }}{{ addressInfo.city
                }}{{ addressInfo.district }}</text
              >
            </view>
            <view class="acea-row mt-10 address-detail">
              {{ addressInfo.detail }}
            </view>
            <view class="name mt-10">
              {{ addressInfo.realName }}
              <text class="phone">{{ addressInfo.phone }}</text>
            </view>
          </view>
          <view class="addressCon set-address" v-else>
            <view class="setaddress">暂无收货地址</view>
            <view class="setaddress-tip">去添加</view>
          </view>

          <view class="iconfont icon-jiantou"></view>
        </view>
      </view>
      <view class="order-goods">
        <orderGoods
          :isShowPrice="false"
          :isShowOrderProNum="false"
          :cartInfo="cartInfo"
          :orderProNum="orderProNum"
        ></orderGoods>
        <view class="wrapper">
          <view class="item order-mark" v-if="textareaStatus">
            <view>留言备注</view>

            <textarea
              auto-height
              v-if="coupon.coupon === false"
              placeholder-class="placeholder"
              @input="bindHideKeyboard"
              value=""
              name="mark"
              :maxlength="50"
              placeholder="请添加备注（50字以内）"
            ></textarea>
          </view>
        </view>
      </view>
      <view class="footer acea-row row-between-wrapper">
        <view class="settlement" style="z-index: 100" @tap="SubOrder"
          >立即兑换</view
        >
      </view>
    </view>
    <gift_success_model :show="modelShow" @confirm="confirmModel">
    </gift_success_model>
    <couponListWindow
      :coupon="coupon"
      @ChangCouponsClone="ChangCouponsClone"
      :openType="openType"
      @ChangCoupons="ChangCoupons"
      :orderShow="orderShow"
    ></couponListWindow>
    <addressWindow
      ref="addressWindow"
      @changeTextareaStatus="changeTextareaStatus"
      :address="address"
      :pagesUrl="pagesUrl"
      @OnDefaultAddress="OnDefaultAddress"
      @OnChangeAddress="OnChangeAddress"
      @changeClose="changeClose"
    ></addressWindow>
  </view>
</template>
<script>
import {
  //orderConfirm,
  getCouponsOrderPrice,
  orderCreate,
  postOrderComputed,
  wechatOrderPay,
  wechatQueryPayResult,
  loadPreOrderApi,
} from '@/api/order.js'
import { giftCardOrderAdd } from '@/api/activity.js'
import { getAddressList, getAddressDetail } from '@/api/user.js'
import { openPaySubscribe } from '@/utils/SubscribeMessage.js'
import { storeListApi } from '@/api/store.js'
import gift_success_model from './gift_success_model'
import couponListWindow from '@/components/couponListWindow'
import addressWindow from './../components/addressWindow'
import orderGoods from '@/components/orderGoods'
import home from '@/components/home'
import { toLogin } from '@/libs/login.js'
import { mapGetters } from 'vuex'
 
export default {
  components: {
    couponListWindow,
    addressWindow,
    orderGoods,
    home,
    gift_success_model,
 
  },
  data() {
    return {
      orderShow: 'orderShow', //下单页面使用优惠券组件不展示tab切换页
      textareaStatus: true,
      //支付方式
      cartArr: [
        {
          name: '微信支付',
          icon: 'icon-weixin2',
          value: 'weixin',
          title: '微信快捷支付',
          payStatus: 1,
        },
        {
          name: '余额支付',
          icon: 'icon-icon-test',
          value: 'yue',
          title: '可用余额:',
          payStatus: 1,
        },
     
      ],
      payType: 'weixin', //支付方式
      openType: 1, //优惠券打开方式 1=使用
      active: 0, //支付方式切换
      coupon: {
        coupon: false,
        list: [],
        statusTile: '立即使用',
      }, //优惠券组件
      address: {
        address: false,
        addressId: 0,
      }, //地址组件
      addressInfo: {}, //地址信息
      addressId: 0, //地址id
      couponId: 0, //优惠券id
      cartId: '', //购物车id
      userInfo: {}, //用户信息
      mark: '', //备注信息
      couponTitle: '请选择', //优惠券
      coupon_price: 0, //优惠券抵扣金额
      useIntegral: false, //是否使用积分
      integral_price: 0, //积分抵扣金额
      integral: 0,
      ChangePrice: 0, //使用积分抵扣变动后的金额
      formIds: [], //收集formid
      status: 0,
      is_address: false,
      toPay: false, //修复进入支付时页面隐藏从新刷新页面
      shippingType: 0,
      system_store: {},
      storePostage: 0,
      contacts: '',
      contactsTel: '',
      mydata: {},
      storeList: [],
      store_self_mention: 0,
      cartInfo: [],
      priceGroup: {},
      animated: false,
      totalPrice: 0,
      integralRatio: '0',
      pagesUrl: '',
      orderKey: '',
      // usableCoupon: {},
      offlinePostage: '',
      isAuto: false, //没有授权的不会自动授权
      isShowAuth: false, //是否隐藏授权
      payChannel: '',
      news: true,
      again: false,
      addAgain: false,
      bargain: false, //是否是砍价
      combination: false, //是否是拼团
      secKill: false, //是否是秒杀
      orderInfoVo: {},
      addressList: [], //地址列表数据
      orderProNum: 0,
      preOrderNo: '', //预下单订单号
      modelShow: false,
      pickupCode: '',
    }
  },
  computed: mapGetters(['isLogin', 'systemPlatform', 'productType']),
  watch: {
    isLogin: {
      handler: function (newV, oldV) {
        if (newV) {
          this.getloadPreOrder()
          //this.getaddressInfo();
        }
      },
      deep: true,
    },
  },
  onLoad(options) {
    // #ifdef H5
    this.payChannel = this.$wechat.isWeixin() ? 'public' : 'weixinh5'
    // #endif
    // #ifdef MP
    this.payChannel = 'routine'
    // #endif
    // if (!options.cartId) return this.$util.Tips({
    // 	title: '请选择要购买的商品'
    // }, {
    // 	tab: 3,
    // 	url: 1
    // });
    this.preOrderNo = options.preOrderNo || 0
    this.pickupCode = options.pickupCode || 0
    this.addressId = options.addressId || 0
    this.is_address = options.is_address ? true : false
    if (this.isLogin) {
      //this.getaddressInfo();
      this.getloadPreOrder()
    } else {
      toLogin()
    }
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    let _this = this
    // wx.getLaunchOptionsSync
    this.textareaStatus = true
    if (this.isLogin && this.toPay == false) {
      //this.getaddressInfo();
    }

    uni.$on('handClick', (res) => {
      if (res) {
        _this.system_store = res.address
      }
      // 清除监听
      uni.$off('handClick')
    })

    // let pages = getCurrentPages();
    // let currPage = pages[pages.length - 1]; //当前页面
    // if (currPage.data.storeItem) {
    // 	let json = currPage.data.storeItem;
    // 	this.$set(this, 'system_store', json);
    // }
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  // onHide: function() {
  // 	console.log(999);
  // 	this.isClose = true
  // },
  methods: {
    // 订单详情
    getloadPreOrder: function () {
      loadPreOrderApi(this.preOrderNo)
        .then((res) => {
          let orderInfoVo = res.data.orderInfoVo
          this.orderInfoVo = orderInfoVo
          this.cartInfo = orderInfoVo.orderDetailList
          this.orderProNum = orderInfoVo.orderProNum
          this.address.addressId = this.addressId
            ? this.addressId
            : orderInfoVo.addressId
          this.cartArr[1].title = '可用余额:' + orderInfoVo.userBalance
          this.cartArr[1].payStatus =
            parseInt(res.data.yuePayStatus) === 1 ? 1 : 2
          this.cartArr[0].payStatus =
            parseInt(res.data.payWeixinOpen) === 1 ? 1 : 0
          this.store_self_mention =
            res.data.storeSelfMention == 'true' && this.productType === 'normal'
              ? true
              : false
          //调用子页面方法授权后执行获取地址列表
          this.$nextTick(function () {
            this.$refs.addressWindow.getAddressList()
          })
        })
        .catch((err) => {
          return this.$util.Tips({
            title: err,
          })
        })
    },
    /**
     * 授权回调事件
     *
     */
    onLoadFun: function () {
      //this.getaddressInfo();
      //调用子页面方法授权后执行获取地址列表
      // this.$scope.selectComponent('#address-window').getAddressList();
    },
    /**
     * 获取门店列表数据
     */
    getList: function () {
      let longitude = uni.getStorageSync('user_longitude') //经度
      let latitude = uni.getStorageSync('user_latitude') //纬度
      let data = {
        latitude: latitude, //纬度
        longitude: longitude, //经度
        page: 1,
        limit: 10,
      }
      storeListApi(data)
        .then((res) => {
          let list = res.data.list || []
          this.$set(this, 'storeList', list)
          this.$set(this, 'system_store', list[0])
        })
        .catch((err) => {
          return this.$util.Tips({
            title: err,
          })
        })
    },
    // 关闭地址弹窗；
    changeClose: function () {
      this.$set(this.address, 'address', false)
    },
    /*
     * 跳转门店列表
     */
    showStoreList: function () {
      let _this = this
      if (this.storeList.length > 0) {
        uni.navigateTo({
          url: '/pages/users/goods_details_store/index',
        })
      }
    },
    // 计算订单价格
    computedPrice: function () {
      let shippingType = this.shippingType
      postOrderComputed({
        addressId: this.address.addressId,
        useIntegral: this.useIntegral ? true : false,
        couponId: this.couponId,
        shippingType: parseInt(shippingType) + 1,
        preOrderNo: this.preOrderNo,
      })
        .then((res) => {
          let data = res.data
          this.orderInfoVo.couponFee = data.couponFee
          //赋值操作，userIntegral 当前积分，surplusIntegral 剩余积分
          this.orderInfoVo.userIntegral = data.surplusIntegral
          this.orderInfoVo.deductionPrice = data.deductionPrice
          this.orderInfoVo.freightFee = data.freightFee
          this.orderInfoVo.payFee = data.payFee
          this.orderInfoVo.proTotalFee = data.proTotalFee
          this.orderInfoVo.useIntegral = data.useIntegral
          this.orderInfoVo.usedIntegral = data.usedIntegral
          this.orderInfoVo.surplusIntegral = data.surplusIntegral
          //this.orderInfoVo.userIntegral = data.userIntegral;
        })
        .catch((err) => {
          return this.$util.Tips({
            title: err,
          })
        })
    },
    addressType: function (e) {
      let index = e
      this.shippingType = parseInt(index)
      this.computedPrice()
      if (index == 1) this.getList()
    },
    bindPickerChange: function (e) {
      let value = e.detail.value
      this.shippingType = value
      this.computedPrice()
    },
    ChangCouponsClone: function () {
      this.$set(this.coupon, 'coupon', false)
    },
    changeTextareaStatus: function () {
      for (let i = 0, len = this.coupon.list.length; i < len; i++) {
        this.coupon.list[i].use_title = ''
        this.coupon.list[i].is_use = 0
      }
      this.textareaStatus = true
      this.status = 0
      this.$set(this.coupon, 'list', this.coupon.list)
    },
    /**
     * 处理点击优惠券后的事件
     *
     */
    ChangCoupons: function (e) {
      // this.usableCoupon = e
      // this.coupon.coupon = false
      let index = e,
        list = this.coupon.list,
        couponTitle = '请选择',
        couponId = 0
      for (let i = 0, len = list.length; i < len; i++) {
        if (i != index) {
          list[i].use_title = ''
          list[i].isUse = 0
        }
      }
      if (list[index].isUse) {
        //不使用优惠券
        list[index].use_title = ''
        list[index].isUse = 0
      } else {
        //使用优惠券
        list[index].use_title = '不使用'
        list[index].isUse = 1
        couponTitle = list[index].name
        couponId = list[index].id
      }
      this.couponTitle = couponTitle
      this.couponId = couponId
      this.$set(this.coupon, 'coupon', false)
      this.$set(this.coupon, 'list', list)
      this.computedPrice()
    },
    /**
     * 使用积分抵扣
     */
    ChangeIntegral: function () {
      this.useIntegral = !this.useIntegral
      this.computedPrice()
    },
    /**
     * 首次进页面展示默认地址
     */
    OnDefaultAddress: function (e) {
      this.addressInfo = e
      this.address.addressId = e.id
    },
    /**
     * 选择地址后改变事件
     * @param object e
     */
    OnChangeAddress: function (e) {
      this.addressInfo = e
      this.address.addressId = e.id
      this.textareaStatus = true
      //this.orderInfoVo.addressId = e;
      this.address.address = false
      //this.getaddressInfo();
      this.computedPrice()
    },
    bindHideKeyboard: function (e) {
      this.mark = e.detail.value
    },
    /**
     * 获取当前金额可用优惠券
     *
     */
    getCouponList: function () {
      getCouponsOrderPrice(this.preOrderNo).then((res) => {
        this.$set(this.coupon, 'list', res.data)
        this.openType = 1
      })
    },
    /*
     * 获取默认收货地址或者获取某条地址信息
     */
    getaddressInfo: function () {
      let that = this
      if (that.addressId) {
        getAddressDetail(that.addressId).then((res) => {
          if (res.data) {
            res.data.isDefault = parseInt(res.data.isDefault)
            that.addressInfo = res.data || {}
            that.addressId = res.data.id || 0
            that.address.addressId = res.data.id || 0
          }
        })
      } else {
        getAddressDefault().then((res) => {
          if (res.data) {
            res.data.isDefault = parseInt(res.data.isDefault)
            that.addressInfo = res.data || {}
            that.addressId = res.data.id || 0
            that.address.addressId = res.data.id || 0
          }
        })
      }
    },
    payItem: function (e) {
      let that = this
      let active = e
      that.active = active
      that.animated = true
      that.payType = that.cartArr[active].value
      that.computedPrice()
      setTimeout(function () {
        that.car()
      }, 500)
    },
    couponTap: function () {
      this.coupon.coupon = true
      if (!this.coupon.list.length) this.getCouponList()
    },
    car: function () {
      let that = this
      that.animated = false
    },
    onAddress: function () {
      let that = this
      that.textareaStatus = false
      that.address.address = true
      that.pagesUrl =
        `/pages/users/user_address_list/index?preOrderNo=${this.preOrderNo}&orderType=gift&pickupCode=${this.pickupCode}`
    },
    realName: function (e) {
      this.contacts = e.detail.value
    },
    phone: function (e) {
      this.contactsTel = e.detail.value
    },
    payment: function (data) {
      let that = this
      giftCardOrderAdd(data)
        .then((res) => {
          this.modelShow = true
          // that.getOrderPay(res.data.orderNo, '支付成功')
        })
        .catch((err) => {
          uni.hideLoading()
          return that.$util.Tips({
            title: err,
          })
        })
    },
    getOrderPay: function (orderNo, message) {
      let that = this
      let goPages =
        '/pages/order_pay_status/index?order_id=' + orderNo + '&msg=' + message
      wechatOrderPay({
        orderNo: orderNo,
        payChannel: that.payChannel,
        payType: that.payType,
        scene: that.productType === 'normal' ? 0 : 1177, //下单时小程序的场景值
      })
        .then((res) => {
          let jsConfig = res.data.jsConfig
          switch (res.data.payType) {
            case 'weixin':
              // #ifdef MP
              uni.requestPayment({
                timeStamp: jsConfig.timeStamp,
                nonceStr: jsConfig.nonceStr,
                package: jsConfig.packages,
                signType: jsConfig.signType,
                paySign: jsConfig.paySign,
                ticket: that.productType === 'normal' ? null : jsConfig.ticket,
                success: function (ress) {
                  uni.hideLoading()
                  wechatQueryPayResult(orderNo)
                    .then((res) => {
                      uni.hideLoading()
                      if (
                        that.orderInfoVo.bargainId ||
                        that.orderInfoVo.combinationId ||
                        that.pinkId ||
                        that.orderInfoVo.seckillId
                      )
                        return that.$util.Tips(
                          {
                            title: '支付成功',
                            icon: 'success',
                          },
                          {
                            tab: 4,
                            url: goPages,
                          }
                        )
                      return that.$util.Tips(
                        {
                          title: '支付成功',
                          icon: 'success',
                        },
                        {
                          tab: 5,
                          url: goPages,
                        }
                      )
                    })
                    .cache((err) => {
                      uni.hideLoading()
                      return that.$util.Tips({
                        title: err,
                      })
                    })
                },
                fail: function (e) {
                  uni.hideLoading()
                  return that.$util.Tips(
                    {
                      title: '取消支付',
                    },
                    {
                      tab: 5,
                      url: goPages + '&status=2',
                    }
                  )
                },
                complete: function (e) {
                  uni.hideLoading()
                  //关闭当前页面跳转至订单状态
                  if (e.errMsg == 'requestPayment:cancel')
                    return that.$util.Tips(
                      {
                        title: '取消支付',
                      },
                      {
                        tab: 5,
                        url: goPages + '&status=2',
                      }
                    )
                },
              })
              // #endif
              // #ifdef H5
              let data = {
                timestamp: jsConfig.timeStamp,
                nonceStr: jsConfig.nonceStr,
                package: jsConfig.packages,
                signType: jsConfig.signType,
                paySign: jsConfig.paySign,
              }
              that.$wechat
                .pay(data)
                .then((res) => {
                  if (res.errMsg == 'chooseWXPay:cancel') {
                    uni.hideLoading()
                    return that.$util.Tips(
                      {
                        title: '取消支付',
                      },
                      {
                        tab: 5,
                        url: goPages + '&status=2',
                      }
                    )
                  } else {
                    wechatQueryPayResult(orderNo)
                      .then((res) => {
                        uni.hideLoading()
                        return that.$util.Tips(
                          {
                            title: '支付成功',
                            icon: 'success',
                          },
                          {
                            tab: 5,
                            url: goPages,
                          }
                        )
                      })
                      .cache((err) => {
                        uni.hideLoading()
                        return that.$util.Tips({
                          title: err,
                        })
                      })
                  }
                })
                .cache((res) => {
                  uni.hideLoading()
                  return that.$util.Tips(
                    {
                      title: '取消支付',
                    },
                    {
                      tab: 5,
                      url: goPages + '&status=0',
                    }
                  )
                })
              // #endif
              break
            case 'yue':
              uni.hideLoading()
              return that.$util.Tips(
                {
                  title: message,
                },
                {
                  tab: 5,
                  url: goPages + '&status=1',
                }
              )
              break
            case 'weixinh5':
              uni.hideLoading()
              that.$util.Tips(
                {
                  title: '订单创建成功',
                },
                {
                  tab: 5,
                  url: goPages + '&status=0',
                }
              )
              setTimeout(() => {
                location.href =
                  jsConfig.mwebUrl +
                  '&redirect_url=' +
                  window.location.protocol +
                  '//' +
                  window.location.host +
                  goPages +
                  '&status=1'
              }, 100)
              break
          }
        })
        .catch((err) => {
          uni.hideLoading()
          return that.$util.Tips({
            title: err,
          })
        })
    },
    getPayType: function (status, orderId, message, jsConfig) {
      let that = this
      let goPages =
        '/pages/order_pay_status/index?order_id=' + orderId + '&msg=' + message
      switch (status) {
        case 'ORDER_EXIST':
        case 'EXTEND_ORDER':
        case 'PAY_ERROR':
          uni.hideLoading()
          return that.$util.Tips(
            {
              title: message,
            },
            {
              tab: 5,
              url: goPages,
            }
          )
          break
        case 'SUCCESS':
          uni.hideLoading()
          if (
            that.orderInfoVo.bargainId ||
            that.orderInfoVo.combinationId ||
            that.pinkId ||
            that.orderInfoVo.seckillId
          )
            return that.$util.Tips(
              {
                title: message,
                icon: 'success',
              },
              {
                tab: 4,
                url: goPages,
              }
            )
          return that.$util.Tips(
            {
              title: message,
              icon: 'success',
            },
            {
              tab: 5,
              url: goPages,
            }
          )
          break
        case 'WECHAT_PAY':
          // #ifdef MP
          that.toPay = true
          let packagess = 'prepay_id=' + jsConfig.prepayId
          uni.requestPayment({
            timeStamp: jsConfig.timeStamp.toString(),
            nonceStr: jsConfig.nonceStr,
            package: packagess,
            signType: jsConfig.signType,
            paySign: jsConfig.paySign,
            success: function (res) {
              uni.hideLoading()
              if (
                that.orderInfoVo.bargainId ||
                that.orderInfoVo.combinationId ||
                that.pinkId ||
                that.orderInfoVo.seckillId
              )
                return that.$util.Tips(
                  {
                    title: '支付成功',
                    icon: 'success',
                  },
                  {
                    tab: 4,
                    url: goPages,
                  }
                )
              return that.$util.Tips(
                {
                  title: '支付成功',
                  icon: 'success',
                },
                {
                  tab: 5,
                  url: goPages,
                }
              )
            },
            fail: function (e) {
              uni.hideLoading()
              return that.$util.Tips(
                {
                  title: '取消支付',
                },
                {
                  tab: 5,
                  url: goPages + '&status=0',
                }
              )
            },
            complete: function (e) {
              uni.hideLoading()
              //关闭当前页面跳转至订单状态
              if (res.errMsg == 'requestPayment:cancel')
                return that.$util.Tips(
                  {
                    title: '取消支付',
                  },
                  {
                    tab: 5,
                    url: goPages + '&status=0',
                  }
                )
            },
          })
          // #endif
          // #ifdef H5
          let jsConfigAgain = jsConfig
          let packages = 'prepay_id=' + jsConfigAgain.prepayId
          let data = {
            timestamp: jsConfigAgain.timeStamp,
            nonceStr: jsConfigAgain.nonceStr,
            package: packages,
            signType: jsConfigAgain.signType,
            paySign: jsConfigAgain.paySign,
            h5PayUrl: jsConfigAgain.h5PayUrl,
          }
          this.$wechat
            .pay(data)
            .then((res) => {
              return that.$util.Tips(
                {
                  title: '支付成功',
                  icon: 'success',
                },
                {
                  tab: 5,
                  url: goPages,
                }
              )
            })
            .cache((res) => {
              if (res.errMsg == 'requestPayment:cancel')
                return that.$util.Tips(
                  {
                    title: '取消支付',
                  },
                  {
                    tab: 5,
                    url: goPages + '&status=0',
                  }
                )
            })
          // #endif
          break
        case 'PAY_DEFICIENCY':
          uni.hideLoading()
          return that.$util.Tips(
            {
              title: message,
            },
            {
              tab: 5,
              url: goPages + '&status=1',
            }
          )
          break
        case 'WECHAT_H5_PAY': //网页版公众号支付
          setTimeout(() => {
            let domain = encodeURIComponent(location.href)
            let urls = jsConfigAgain.h5PayUrl + '&redirect_url=' + domain
            location.href = urls
            return that.$util.Tips(
              {
                title: '支付成功',
                icon: 'success',
              },
              {
                tab: 5,
                url: goPages,
              }
            )
          }, 100)
          break
      }
    },
    confirmModel() {
      this.modelShow = false
      uni.reLaunch({
        url: `/pages/gift/index?pickupCode=${this.pickupCode}`,
      })
    },
    SubOrder: function (e) {
      let that = this,
        data = {}

      if (!that.address.addressId && !that.shippingType)
        return that.$util.Tips({
          title: '请选择收货地址',
        })

      data = {
        addressId: that.address.addressId,
        attrValueId: that.orderInfoVo.orderDetailList[0].attrValueId,
        productId: that.orderInfoVo.orderDetailList[0].productId,
        remark: this.mark,
        pickupCode: this.pickupCode,
        productName:that.orderInfoVo.orderDetailList[0].productName
      }

      uni.showLoading({
        title: '订单支付中',
      })

      that.payment(data)
    },
  },
}
</script>

<style lang="scss" scoped>
.line2 {
  width: 504rpx;
}
.textR {
  text-align: right;
}

.order-submission .line {
  width: 100%;
  height: 3rpx;
}

.order-submission .line image {
  width: 100%;
  height: 100%;
  display: block;
}

.order-submission .address {
  padding: 27rpx 18rpx;
  background-color: #fff;
  box-sizing: border-box;
  .iconfont-img {
    width: 48rpx;
    height: 48rpx;
  }
}

.order-submission .address .addressCon {
  width: 610rpx;
  margin-left: 18rpx;

  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 40rpx;
}
.mt-10 {
  margin-bottom: 10rpx;
}
.order-submission .address .set-address {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order-goods {
  margin-top: 20rpx;
}
.order-submission .address .addressCon .name {
  // font-size: 30rpx;
  // color: #282828;
  // font-weight: bold;
  // margin-bottom: 10rpx;
}
.order-submission .address .addressCon .address-detail {
  font-weight: 600;
  color: #333333;
  font-size: 30rpx;
}
.order-submission .address .addressCon .name .phone {
  margin-left: 20rpx;
}

.order-submission .address .addressCon .default {
  margin-right: 12rpx;
}

.order-submission .address .addressCon .setaddress {
  color: #333;
  font-size: 30rpx;
}
.order-submission .address .addressCon .setaddress-tip {
  color: #999999;
  font-size: 28rpx;
}

.order-submission .address .iconfont {
  font-size: 35rpx;
  color: #707070;
}

.order-submission .allAddress {
  width: 100%;
  // background: linear-gradient(to bottom, #e93323 0%, #f5f5f5 100%);
  // background-image: linear-gradient(to bottom, #e93323 0%, #f5f5f5 100%);
  // background-image: -webkit-linear-gradient(to bottom, #e93323 0%, #f5f5f5 100%);
  // background-image: -moz-linear-gradient(to bottom, #e93323 0%, #f5f5f5 100%);
  // padding: 100rpx 30rpx 0 30rpx;
}

.order-submission .allAddress .nav {
  width: 690rpx;
  margin: 0 auto;
}

.order-submission .allAddress .nav .item {
  width: 334rpx;
}

.order-submission .allAddress .nav .item.on {
  position: relative;
  width: 230rpx;
}

.order-submission .allAddress .nav .item.on::before {
  position: absolute;
  bottom: 0;
  content: '快递配送';
  font-size: 28rpx;
  display: block;
  height: 0;
  width: 336rpx;
  border-width: 0 20rpx 80rpx 0;
  border-style: none solid solid;
  border-color: transparent transparent #fff;
  z-index: 2;
  border-radius: 14rpx 36rpx 0 0;
  text-align: center;
  line-height: 80rpx;
}

.order-submission .allAddress .nav .item:nth-of-type(2).on::before {
  content: '到店自提';
  border-width: 0 0 80rpx 20rpx;
  border-radius: 36rpx 14rpx 0 0;
}

.order-submission .allAddress .nav .item.on2 {
  position: relative;
}

.order-submission .allAddress .nav .item.on2::before {
  position: absolute;
  bottom: 0;
  content: '到店自提';
  font-size: 28rpx;
  display: block;
  height: 0;
  width: 401rpx;
  border-width: 0 0 60rpx 60rpx;
  border-style: none solid solid;
  border-color: transparent transparent #f7c1bd;
  border-radius: 36rpx 14rpx 0 0;
  text-align: center;
  line-height: 60rpx;
}

.order-submission .allAddress .nav .item:nth-of-type(1).on2::before {
  content: '快递配送';
  border-width: 0 60rpx 60rpx 0;
  border-radius: 14rpx 36rpx 0 0;
}

.order-submission .allAddress .address {
  width: 100%;
  // max-height: 100rpx;
  margin: 0 auto;
  justify-content: flex-start;
}

.order-submission .allAddress .line {
  width: 100%;
  margin: 0 auto;
}

.order-submission .wrapper .item .discount .placeholder {
  color: #ccc;
}

.order-submission .wrapper {
  background-color: #fff;
  // margin-top: 15rpx;
  .item {
    padding: 27rpx 24rpx;
    font-size: 30rpx;
    color: #333333;
    border-bottom: 1px solid #f5f5f5;
  }
  .order-mark {
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;

    line-height: 40rpx;
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}

.order-submission .wrapper .item .discount {
  font-size: 30rpx;
  color: #333;
}

.order-submission .wrapper .item .discount .iconfont {
  color: #515151;
  font-size: 30rpx;
  margin-left: 15rpx;
}

.order-submission .wrapper .item .discount .num {
  font-size: 32rpx;
  margin-right: 20rpx;
}

.order-submission .wrapper .item .shipping {
  font-size: 30rpx;
  color: #999;
  position: relative;
  padding-right: 58rpx;
}

.order-submission .wrapper .item .shipping .iconfont {
  font-size: 35rpx;
  color: #707070;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 30rpx;
}

.order-submission .wrapper .item textarea {
  width: 220px;
  box-sizing: border-box;
  font-weight: 400;
}

.order-submission .wrapper .item .placeholder {
  color: #ccc;
}

.order-submission .wrapper .item .list {
  margin-top: 35rpx;
}

.order-submission .wrapper .item .list .payItem {
  border: 1px solid #eee;
  border-radius: 14rpx;
  height: 86rpx;
  width: 100%;
  box-sizing: border-box;
  margin-top: 20rpx;
  font-size: 28rpx;
  color: #282828;
}

.order-submission .wrapper .item .list .payItem.on {
  border-color: #fc5445;
  color: $theme-color;
}

.order-submission .wrapper .item .list .payItem .name {
  width: 50%;
  text-align: center;
  border-right: 1px solid #eee;
}

.order-submission .wrapper .item .list .payItem .name .iconfont {
  width: 44rpx;
  height: 44rpx;
  border-radius: 50%;
  text-align: center;
  line-height: 44rpx;
  background-color: #fe960f;
  color: #fff;
  font-size: 30rpx;
  margin-right: 15rpx;
}

.order-submission .wrapper .item .list .payItem .name .iconfont.icon-weixin2 {
  background-color: #41b035;
}

.order-submission .wrapper .item .list .payItem .tip {
  width: 49%;
  text-align: center;
  font-size: 26rpx;
  color: #aaa;
}

.order-submission .moneyList {
  margin-top: 15rpx;
  background-color: #fff;
  padding: 30rpx;
}

.order-submission .moneyList .item {
  font-size: 28rpx;
  color: #282828;
}

.order-submission .moneyList .item ~ .item {
  margin-top: 20rpx;
}

.order-submission .moneyList .item .money {
  color: #666666;
}

.order-submission .footer {
  width: 100%;
  height: 100rpx;
  background-color: #fff;
  padding: 13rpx 35rpx;
  font-size: 28rpx;
  color: #333;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
}

.order-submission .footer .settlement {
  font-size: 30rpx;
  color: #fff;
  font-weight: 500;
  text-align: center;
  width: 680rpx;
  height: 72rpx;
  background: linear-gradient(90deg, #ff9846 0%, #ff5e0d 100%);
  border-radius: 36rpx;
  line-height: 72rpx;
}

.footer .transparent {
  opacity: 0;
}
</style>
